/*  
Theme Name: codecamp
Theme URI: http://codecamp.mkdot.net/
Description: CodeCamp theme is a custom tailored theme for the purposes of Macedonian Codecamp event site.
Version: 0.7
Author: Ljubomir Zivanovic
*/

/*----------------------------
			Structure
----------------------------*/
body 
{ 
    background: url("images/codes.jpg") repeat-y scroll center 60px #fff; 
}

textarea:focus, input[type=text]:focus, input[type=password]:focus 
{ 
    background: #ffffe0; 
}

input[type=button]:hover, input[type=submit]:hover 
{ 
    background: #3C78A7 !important; 
    color: #fff; 
    cursor: pointer; 
}

hr 
{ 
    margin: 0 0 1em;
}

a 
{ 
    color: #080; 
}

.body 
{ 
    width: 892px; 
    margin:0 auto; 
    background: url('images/bg.png') repeat-y scroll; 
}

.container 
{ 
    width: 840px; 
    background: #fafafa; 
    border: 1px solid #aaa; 
    border-width:1px;
     
    opacity: 0.89; 
    -moz-box-shadow: 0 0 5px 15px #ccc;
    -webkit-box-shadow: 0 0 15px 5px#ccc;
    box-shadow: 0 0 15px 15px #ccc;
    
} /* #303955 */

.center 
{ 
    text-align: center; 
}

.right 
{ 
    text-align: right; 
}

.white 
{ 
    background: #fff; 
}

#header 
{ 
    float: left; 
    background: #fff; 
}

#logo 
{ 
    margin-left: 10px; 
}

#follow 
{ 
    margin: 25px 0 0 30px; text-align: right; 
}

#follow a 
{ 
    margin-left: 10px; 
}

#wrapper 
{ 
    border-top: 1px solid #ccc; 
}

button 
{
	background: #000;
	opacity: 0.89;
	color: #fff;
}

.backtotop
{
     padding: 5px;
     position: fixed;
     bottom: 5px;
     right: 5px;
     cursor: pointer;
     
}

/*----------------------------
			Navigation
----------------------------*/
#navigation { width: 840px;position: relative; float: left; text-transform: uppercase; background: #3C4869;}

#navigation ul { list-style: none; margin: 0; padding: 0; float: left;}
#navigation li { float: left; } 
#navigation li a { display: block; padding: 10px; border-right: 1px solid #fff; color: #fff; text-decoration: none; font-weight: bold;}
#navigation a:hover, #navigation .active a { background: #3c78a7; }
        #navigation li ul {
            display: none;
            padding-top: 1px;
        }
        
        #navigation li li {
            display:block;
            width: 200px;
            padding: 0 0 0 0;
            background-color: #3C8869;
            border: 1px inset white;
        }
        
        #navigation li li a {
            padding: 5px;
        }
        
        #navigation li:hover > ul {
            display:block;
            top:38px;  /* align with respect to horizontal row */
            width:8em;
            position: absolute;
        }

#searchbox { width: 230px; float: right; text-align: right; padding-top: 2px; margin-right: 10px; }
#searchbox input[type=button] { border: 2px solid #303955; margin-left: 5px; padding: 1px 5px; background: #fff; }
#searchbox input[type=text] { border: 2px solid #303955; padding: 1px 5px; opacity: .8; filter: alpha(opacity="80"); }	


/*----------------------------
			Text
----------------------------*/
#front-popular h3 { text-transform: lowercase; margin: 0; font-weight: bold; font-size: 1.5em; color: #fff; }

#archive { padding-top: 15px; font-size: 1.05em; line-height: 1.75em; }

.front-list { width: 570px; background: #fff; padding: 10px 6px 10px 24px; float: left; }
.front-list blockquote { padding: 0px 10px 0 10px; }
.front-list .title, #archive .title, .featured .title { font-weight: bold; font-size: 1.2em; }
.front-list .title a, .featured .title a { text-decoration: none; }
.front-list .clearfloat, #archive .clearfloat { padding-bottom: 10px; border-bottom: 1px dotted #ccc; margin-bottom: 10px; }
.front-list .spoiler, #archive .spoiler { display: block; margin-top: 3px; }
.front-list p, #archive p { margin: 0px; padding: 0px; }
.front-list h2.sub { margin-bottom: 0; padding-bottom: 0 !important; }

.author { font-size: 0.8em; font-weight: bold; }
.meta { font-size: 0.8em; color: #333; }
.meta a { color: #333; }
.item { margin: 10px 0;}
.item .short { margin-bottom: 10px; }
#headline p, #featured p { margin: 0; }



/*----------------------------
			Sidebar
----------------------------*/
 #announceDiv{
            border: 1px dotted black;
            padding: 2px 2px 2px 2px;
            width: 185px;
            margin-bottom: 5px;
}

#sidebar { margin: 0px; }
#sidebar h3 { font: 1.1em Arial; font-weight: bold; background: #333; color: #fff; margin: 10px 0px 25px; padding: 3px 10px; }
#sidebar .sponsors a { display: block; margin-bottom: 20px; }

#sidebar-left { width:135px; padding:0px 10px 10px 10px; float:left; background:#fff; }

#sidebar-right { width:135px; padding:0px 10px 10px 10px; float:right; background:#fff; }

#sidebar li { list-style: none; border-bottom: 1px dotted #ccc; display: block; padding: 2px 0px 2px 13px; background: url(images/sub.png) no-repeat 0 0px; }
#sidebar .rssButton { margin-right: 4px; }
#sidebar li ul li:last-child { list-style: none; border-bottom: 0px dotted #ccc; display: block; padding: 2px 0px 0px 13px; background: url(images/sub.png) no-repeat 0 0px; }
#sidebar-ads { width: 300px; float: right; margin-bottom: 10px; padding: 10px; background: #fff; }

        #sidebar_admin
        {
            float:left;
        }
        
        #sidebar_admin nav
        {
           margin-top:10px;
        }
         #sidebar_admin nav ul
        {
            list-style-type:none;
             padding: 0;
    
        }
         #sidebar_admin nav li
        {
            background-color:#3C4869;
            width:170px;
            list-style:none;
            border:1px outset black;
            margin:2px 0 2px 0;
            text-align:center;
        }
        
        #sidebar_admin nav li a
        {
            display:block;
            color:White;
            padding:5px 5px 5px 5px;
        }
        #sidebar_admin nav li a:hover
        {
           background-color: #3c78a7;
           color:White;
        }
        #sidebar_admin nav li a:link { text-decoration: none; font-weight:bold;}
        #sidebar_admin nav li a:active { text-decoration: none; }
        #sidebar_admin nav li a:visited { text-decoration: none; }
        #sidebar_admin nav li a:hover { text-decoration: none; }
        

/*----------------------------
			Footer
----------------------------*/
#front-popular { width: 820px; float: left; font-size: 0.8em; color: #fff; background: #303955; padding: 10px; position: relative; }

#recentpost, #mostcommented, #recent_comments { width:240px; float:left; padding:10px; }

#recentpost { margin-left: 20px; width: 640px; height: 80px; position: relative; }
#mostcommented { width: 360px; }

#logo_bottom { background: url("images/cc_sun.png") no-repeat; border: none; height: 146px; right: -66px; position: absolute; bottom: -34px; width: 207px; }

#recentpost a, #mostcommented a, #recent_comments a { color:#fff; display: block; }
#recentpost ul, #mostcommented ul, #recent_comments ul { margin-top:5px; }
#recentpost ul li, #mostcommented ul li, #recent_comments ul li { list-style: none; padding: 5px; display: block; width: 140px; }
#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover { background: #3c78a7; color: #fff; }

#footer { float: left; font-size:0.8em; padding: 10px; }
.copyright { position: absolute; bottom: 0; right: 15px; margin-bottom: 10px;}


/*----------------------------
				Contact page
----------------------------*/
#contact {}
#contact label { display: block; padding-top: 5px; }
#contact input.field{ width: 200px; }
#contact textarea { display: block;	overflow: auto; width: 75%; height: 150px; margin: 0; }

/*----------------------------
			Theme settings
----------------------------*/
#ThemeSettings { margin: 10px 0 0 20px; }
.themeLabel { display: block; float: left; width: 150px; margin-right: 10px; text-align: right; }
.themeOption { float: left; margin: 0px 20px 0px 0px !important; width: 130px; }
.themeBox { float: left; margin: 0px 20px 0px 0px !important; width: 40px; }
.themeSettingsSubmit { display: block; padding: 2px 10px; border: 2px solid #555; background: #fff; }

/*--------------------------------
            Admin default.aspx page
---------------------------------*/
.eventDiv {    
            margin-top: 5px;
            overflow: hidden;
            border-bottom: 1px inset blue;
            border-top: 1px inset blue;
}

.eventDiv .title {
            font-weight: bold;
}

.eventDiv button {
            float: right;
}        
#VisitorImpressionsDialog {
            display: none;
}
.loginControl {
           border: 1px inset black; 
           margin-top: 5px; 
           width: 170px; 
           text-align:center; 
           float:right; 
           padding: 2px 2px 2px 2px; 
           background-color:lightsteelblue; 
           opacity: 0.9; 
           font-size: small; 
}



/*---------------------------------------------
       Announcement details public html page
--------------------------------------------*/

#TitleAnn {
    border-bottom: 1px dotted lightgrey;
   padding-bottom: 15px;
}

#TextAnn {
     border-bottom: 1px dotted lightgrey;
    padding-bottom: 15px;
 
}
#TitleAnn h2
{
    color:Green;
    margin-bottom:0;
}



/*-----------------------------------------
    Home.aspx
-------------------------------------------*/
.AnDiv
{
    border-bottom: 1px dotted #3C4869;
    opacity:0.79;
    margin-top:15px;
}

#Announcements h4
{
    font-size: 24px;
	color:#3C4869;
	font-weight: bold;
}

.more
{
    font-size:smaller;
    font-weight:bold;
    color:Green;
}



/*----------------------------
	finished sessions
----------------------------*/
#descriptionDiv {
            border-top: 1px dotted green;
            border-bottom: 1px dotted green;
            overflow: hidden;
            margin-bottom: 30px;
        }
        
        #detailsDiv {
            border-top: 1px dotted red;
            border-bottom: 1px dotted red;
            overflow: hidden;
            margin-bottom: 30px;
        }
        
        #downloadsDiv {
            border-top: 1px dotted blue;
            border-bottom: 1px dotted blue;
            overflow: hidden;
        }
        
  
        
/*----------------------------
	Manage sessions and sessions.aspx (public) and sessionDetails.aspx and PreviousEvents.aspx
----------------------------*/
.SpDivHistory
        {
            overflow: hidden;
            margin: 20px 5px 5px 0;
            border: 1px dotted gray;
            padding-left: 5px;
            padding-top: 5px;
        }
        
        .speakerImageHistory
        {
            float: left;
            width: 150px;
        }
        
        .speakerDataHistory
        {
            float: left;
            width: 400px;
            margin: 10px 0 0 0;
        }
        
        .DownloadButtonHistory
        {
            display: block;
            border: 1px outset white;
            width: 125px;
            height: 20px;
            overflow: hidden;
            color: white;
            background-color: Black;
            opacity: 0.89;
            font-size: small;
            font-weight: bold;
            text-decoration: none;
            float: right;
        }
        
        .descrDivHistory
        {
            display: none;
            overflow: visible;
            border: 2px outset green;
            padding-left: 2px;
        }
 .sessionDescriptionHistory
        {
            display: none;
            overflow: hidden;
            border: 1px inset black;
            padding-left: 2px;
        }
        .sessionDetailsHistory
        {
            border: 1px dotted blue;
            margin-top: 10px;
            padding: 5px 5px 5px 5px;
            overflow: hidden;
        }
        
        
        
.speakersCheckBoxList {
            overflow : auto;  
            border:1px inset black; 
            width: 150px;
            height: 150px;
            float: left;
}
        
.sessionDetails {
            border-top:1px inset blue;
            border-bottom: 1px inset blue;
            margin-top: 10px;
            padding: 5px 5px 5px 5px;
           
}

.sessionDescription {
            display: none;
            border: 1px inset black;
            padding-left: 2px;
}

.eventName {
            float: right;
            font-size: medium;
            font-weight: bold;
            color: coral;
}

#smallDialog {
            display: none;
}

.sessionDescriptionPublic {
            overflow: hidden;
            border: 1px inset black;
            padding-left: 2px;
}

.sessionDetailsPublic {
            border-bottom: 1px dotted blue;
            margin-top: 10px;
            padding: 5px 5px 15px 5px;
            overflow: hidden;
}
        
.imagePlay {
            float: right; 
            width: 20px; 
            height: 20px;
}




/*----------------------------
Manage speakers and speakers.aspx (Public) and speakerDetails.aspx
----------------------------*/
.SpeakerSmallImage {
    display: none;
    width:50px; 
    height:50px;
}
 
.speakerDataPublic{
    float:left;
    width: 400px;
    margin: 10px 0 0 0;
}

.DownloadButtonPublic{
    display:block;
    border:1px outset white;
    width:125px;
    height: 25px;
    overflow: hidden;
    color:white;
    background-color:Black;
    opacity:0.89;
    font-size:small;
    font-weight:bold;
    text-decoration:none;
    float: left;
}

.DownloadButtonPublic:hover
{
  border:3px inset white; 
}

.descrDivPublic
{
    overflow:visible;
    border:2px outset green;
    padding-left: 2px;
}

h2 
{
   color:Green;   
   text-shadow:2px 2px yellow; 
}

.speakerImagePublic
{
    float:left;
    width: 150px;  
}

#manageSpeakers h2
{
    color:Green;   
    text-shadow:2px 2px yellow; 
}  

#manageSpeakers h3
{
    color:Green;   
    text-shadow:2px 2px yellow; 
    font-size:medium;
}  

.lkName
{
   font-size:large; 
}  

.SpDiv
{
    overflow: hidden;
    margin: 20px 5px 5px 0;
    border-bottom: 1px dotted gray;
    padding-bottom:10px;
}

.speakerImage
{
    float:left;
    padding:2px 2px 2px 2px;
    border:1px inset gray;
}

.speakerData
{
    float:left;
    width: 400px;
    margin: 10px 0 0 10px;
}

.DownloadButton
{
    display:block;
    border:3px outset white;
    width:200px;
    color:white;
    background-color:Black;
    opacity:0.89;
    font-size:medium;
    font-weight:bold;
    text-decoration:none;
}

#DownloadButton:hover
{
  border:3px inset white; 
}

.descrDiv
{
    display:none;
    overflow:visible;
    border:2px outset green;
    padding-left: 2px;
}





/*----------------------------
	Manage sponsors
----------------------------*/

#manageSponsors h2
{
    color:Green;   
    text-shadow:2px 2px yellow; 
}  

#manageSponsors h3
{
    color:Green;   
    text-shadow:2px 2px yellow; 
    font-size:medium;
    font-weight:bold;
}  

#manageSponsors a
{
    color:Green;   
    font-size:medium;
    font-weight:bold;
}  

#manageSponsors {
    min-height: 200px;
}

.SponsorDiv
{
   border-bottom:1px outset gray;    
   border-top:1px outset gray;    
   margin-top:30px;
}
.style1
{
    width: 150px;
}

.popup-style {
    display: none;
}




/*----------------------------
	TrackTimeSlot.aspx and Agenda.aspx
----------------------------*/

        #tracks
        {
            width: 560px;
            clear: both;
        }
        
        .timeSlotsLeft
        {
            border: 1px inset black;
            width: 60px;
            height: 60px;
            padding-top: 10px;
            padding-left: 10px;
            margin: 5px 5px 10px 5px;
            border-radius: 10px;
            background-color: azure;
        }
        .sessionDivStartAgenda
        {
            border: 1px inset black;
            width: 430px;
            height: 55px;
            padding-top: 15px;
            text-align: center;
            margin: 5px 5px 10px 5px;
            border-radius: 10px;
            font-size: small;
        }
        .sessionDivStartAgenda a {
            color: black;
        }
        .breaks
        {
            border: 1px inset black;
            width: 430px;
            height: 50px;
            margin: 5px 5px 10px 5px;
            text-align: center;
            padding-top: 20px;
            border-radius: 10px;
            background-color: beige;
            opacity: 0.7;
            font-size: small;
        }
       
        #TrackNames {
            margin-bottom: 30px;
            overflow: hidden;
            min-height: 75px;
       }
        #TrackSchedule {
            float: left;
        
        }
        #TrackTimeSlots {
            float: left;
            margin-left:15px;
        }
        #TrackNames a
        {
            margin-left: 2px;
            border: 1px solid black;
            padding: 5px;
            color: black;
            font-size: small;
            font-weight: bold;
            text-decoration: none;
            overflow: hidden;
            width: 400px;
        }

    .lblEventName {
        color: darkblue;
    }
    
    #Tracks {
        width: 560px;
        clear: both; 
    }
    
    #EventDetails {
        overflow: hidden;
        margin-bottom: 10px;
        min-height: 200px;
    }
    
    textarea {
        width: 300px;
        height: 150px;
    }
    
    .trackStyle 
    {
        float: left;
        width: 150px;
        height: 400px;
        overflow-y: scroll;
        border: 1px inset black;
        margin-left: 10px;
        margin-top: 15px;
    }
    
    .trackName 
    {
        overflow: hidden;
        font-size: small;
        font-weight: bold;
        padding: 3px 3px 3px 3px;   
    }
    
    #InsertSessionDialog {
        display: none;
    }
    
    .sessionDivStart {
        border: 1px inset blue;
        margin: 2px 2px 2px 2px;
        background-color: aliceblue;
     }
    
    .sessionDiv {
        border: 1px inset blue;
        margin-top: 5px;
        background-color: aliceblue;
        width: 350px;
     }
    
    .timeSlotDiv {
        border: 1px inset blue;
        margin-top: 5px;
        background-color: lightsalmon;
        height: 50px;
        width: 150px
    }
    
    #TimeSlotsForEvent {
        overflow-y: scroll;
        float: right;
        height: 350px;
        padding: 5px 5px 5px 5px;
        width: 30%;
    }
    
    #SessionsForEvent {
        float: left;
        overflow-y: scroll;
        height: 350px;
        padding: 5px 5px 5px 5px;
        width: 65%;
    }
    
    
    
    
/*----------------------------
	Manage announcements
----------------------------*/

#announcementWrapper
{
    overflow:hidden;   
}

#manageAnnouncements
{
    float:left;
    width:250px;
}

#HomePageAnnouncements
{
    float:left;
    width:300px;
    margin-left:10px;
   
}

#announcementWrapper h2
{
    color:Green;   
    text-shadow:2px 2px yellow; 
}  

#announcementWrapper h3
{
    color:Green;   
    font-size:medium;
    font-weight:bold;
}  

.AnDiv
{
    opacity:0.79;
    margin-top:15px;
    border:1px outset black;
    overflow: hidden;
    border-radius:10px;
    padding:5px 5px 5px 5px;
}

.link_butt
{
   	color: Black;
	font-size:small;
}

#manageAnnouncements h4
{
    font-size: 24px;
	color:#3C4869;
	font-weight: bold;
}

#titleAnn
{
    color:Green;
    font-size:medium;
    font-weight:bold; 
}

#more
{
    font-size:smaller;
    font-weight:bold;
    color:Green;
}
.divInfo
{
    float:left;
}

.divButtons
{
    padding-top:10px;
    float:left;
     
}

.AnnDetails
{
    border:1px inset green;
    margin:2px 2px 2px 2px;
    display:none;
}

#insertNotification
{
    display:none;    
    background-color:White;
    color:green;
    font-weight:bold;
    border:2px inset black;
    padding:5px 5px 5px 5px;
    

}

#insertNotification textarea
{
    width:240px;
    height:100px;
}



/*----------------------------
			Twitter widget
----------------------------*/
#twtr-widget-1 .twtr-tweet a { display: inline; }
.twtr-hd { padding: 0 10px 10px 10px !important;}
.twtr-hd h3 { font-weight: bold !important;}




/*-----------------------------
             css for timepicker 
-------------------------------*/     
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right;  }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

/* The color picker css */
div.colorPicker-picker {
  height: 16px;
  width: 16px;
  padding: 0 !important;
  border: 1px solid #ccc;
  background: url(arrow.gif) no-repeat top right;
  cursor: pointer;
  line-height: 16px;
}

div.colorPicker-palette {
  width: 110px;
  position: absolute;
  border: 1px solid #598FEF;
  background-color: #EFEFEF;
  padding: 2px;
  z-index: 9999;
}
  div.colorPicker_hexWrap {width: 100%; float:left }
  div.colorPicker_hexWrap label {font-size: 95%; color: #2F2F2F; margin: 5px 2px; width: 25%}
  div.colorPicker_hexWrap input {margin: 5px 2px; padding: 0; font-size: 95%; border: 1px solid #000; width: 65%; }

div.colorPicker-swatch {
  height: 12px;
  width: 12px;
  border: 1px solid #000;
  margin: 2px;
  float: left;
  cursor: pointer;
  line-height: 12px;
}
